{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>资讯</title>
<style type="text/css">
    .mui-content{ padding-bottom: 50px;}
    .mui-control-content {
        background-color: #efeff4;
        height: 100%;
    }
    .mui-table-view .mui-media-body{ overflow: visible;}
    .mui-scroll-wrapper,.mui-scroll{ position: relative !important;}
    .mui-segmented-control{ border-radius: 30px;}
    .mui-segmented-control .mui-control-item{ line-height: 40px;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <div class="mui-slider-item">
        <ul class="mui-table-view">
            {%for item in data.list%}
            <li class="mui-table-view-cell mui-media">
                <a class="mb-news-list" href="information?id={{item.id}}">
                    <img class="mui-media-object mui-pull-left" src="{{ctx.app.config.api.image}}/{{item.imageUrl}}">
                    <div class="mui-media-body">
                        <h4 class="mb-title mui-ellipsis">{{item.title}}</h4>
                        <p class="mui-ellipsis-2 mb-news-intr">{{item.intro}}</p>
                        <div class="mui-clearfix mb-btm-item">
                            <p class="mui-pull-left">
                                <span class="mb-border-radius xw-box">{{item.informationTypeName}}</span>
                            </p>
                            <p class="mui-pull-right">
                                <span><i class="iconfont icon-xiaoxi"></i> {{item.commentCount}}</span>
                            </p>
                        </div>
                    </div>
                </a>
            </li>
            {%endfor%}
        </ul>
    </div>
</div>
{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
